// JavaScript Document
/************************* tabs **************************************/
		
		//2011-10-14
		//
		//
		/**
		navs,导航
		cnts,内容
		mask,这种遮罩
		isAuto,是否自动播放
		timeDesc,播放间隔
		isLoop,是否循环
		goOrBack,循环是正播还是倒播
		showCount,是否根据遮罩来进行切换
		count,自定义切换的个数(但showCount必须为false)
		effect,(easing 特效)
		effectTime(特效执行时间)
		**/
		function picList(navs,cnts,mask,isAuto,timeDesc,isLoop,goOrBack,showCount,count,effect,effectTime){
		//alert($(".tabs .tabs_nav ul li").length);
		//alert($(".tabs .tabs_content .cnt").length);
		//标签导航
		 var tabNavs=navs;
		 //list内容
		 var tabCnts=cnts;
		 //总共有多宽
		 var maxWidth=cnts.width()*cnts.length;
		 //幕布
		 var maskC=mask;
		 //幕布宽度
		 var canvasWidth=mask.width();
		 //单个宽度
		 var itemWidth=tabCnts.width();

		 //var maskW=maskC.width();
		 //是轮波
		 var isLoop=(isLoop==null?true:isLoop);
		 //是否自动播放
		 var isAutoPlay=(isAuto==null?true:isAuto);
		 //自动播放间隔
		 var time=(timeDesc==null?4000:timeDesc);
		 //切换特效
		 var eff=(effect==null?"":effect);
		 //是否正在进行动画
		 var isMove=false;
		 //是否用窗体来计算个数
		 var showCount=showCount;
		 //使用自己定义的个数
		 var goOrBack=goOrBack;
		 var count=1;
		 if(showCount){
			count=Math.floor(canvasWidth/itemWidth);
		 }else{
		 	count=count;
		 }
		 //alert(count);
		 //播放器ID
		 var timeId=0;
		 //鼠标是否在其导航按钮上
		 var isMouseOver=false;
		 //当前tab 内容 索引
		 var targetCnt=0;
		 //鼠标在对应导航上的索引
		 var mouseoverCnt=0;
		 
		 
		 init();
		function init(){
			 tabNavs.click(function(e){if(isMove)return false;showTargetCnts(e); return false;});
			 
			 tabCnts.mouseover(function(e){isMouseOver=true;});
			 tabCnts.mouseout(function(e){isMouseOver=false;});
			 //tabCnts.mousedown(function(e){$(this).addClass("mousedown")});
			 //tabCnts.mouseup(function(e){$(this).removeClass("mousedown")});
			 
			 tabNavs.mouseover(function(e){$(this).addClass("mouseover");});
			 tabNavs.mouseout(function(e){$(this).removeClass("mouseover");});
			 tabNavs.mousedown(function(e){$(this).addClass("mousedown")});
			 tabNavs.mouseup(function(e){$(this).removeClass("mousedown")});
			 
			 if(isAutoPlay){
				 timeId=setInterval(autoPlay,time);
			 }
			 
		}
		function autoPlay(){
			
			 if(isMouseOver){//如果鼠标入在列上就停止播放
				return; 
			 }
			 
			 var leftNum=$(tabCnts.parent()).position().left;//左边
			 if(goOrBack){//下一个
			 //alert(leftNum);
			 	 leftNum=goNext(leftNum);
			 }else{//上一个
			 	 leftNum=goPre(leftNum);
			 }
			 
			 goMove(leftNum);
		 }
 		 //操作处理
		function showTargetCnts(e){
			var leftNum=$(tabCnts.parent()).position().left;//左边
			 if($(e.target).text()=="pre"){//上一个
			 	 leftNum=goPre(leftNum);
			 }else{//下一个
			 	 leftNum=goNext(leftNum);
			 }
			 goMove(leftNum);
			 
			 
		 }
		 //上一个
		 function goPre(leftNum){
			 if(leftNum==0){//表示已经是左极端了
				 leftNum=canvasWidth-maxWidth;
			 }else{
				 leftNum+=itemWidth*count;
				 if(leftNum>0){//可以滚动
					 leftNum=0;
				 }
			 }
			 return leftNum;
			 
		 }
		 //下一个
		 function goNext(leftNum){
			 
			 if(leftNum==canvasWidth-maxWidth){//表示已经是右极端了
				leftNum=0;
			 }else{
				 leftNum-=itemWidth*count;
				 if(leftNum<canvasWidth-maxWidth){
					 leftNum=canvasWidth-maxWidth
				 }
			 }
			 //alert(leftNum);
			 return leftNum;
		 }
		 
		 function goMove(leftNum){
			 //动画中
			 if(!isMove){
				 isMove=true;
				 $(tabCnts.parent()).animate({left:leftNum}, effectTime,effect,function(){isMove=false;} );
			 }
		 }
		}